跳到主要内容

elementor toc移除左边margin

2024年8月1日 · 阅读需 2 分钟

要设置这个元素的左边距（margin-left）为0，您可以使用CSS。以下是几种方法来实现这一点：

直接在Elementor编辑器中添加自定义CSS：

a. 在Elementor编辑器中，选择包含这个TOC的小部件。 b. 转到"高级"选项卡。 c. 找到"自定义CSS"部分。 d. 添加以下CSS代码：
```
.elementor-toc__list-wrapper {
    margin-left: 0 !important;
}
```
信息
margin-left: 0 !important里面的!important不要也可以
如果您想要更精确的控制，可以为TOC小部件添加一个自定义CSS类：

a. 在Elementor编辑器中，选择TOC小部件。 b. 转到"高级"选项卡。 c. 在"CSS类"字段中添加一个自定义类，例如 custom-toc。 d. 然后在自定义CSS部分或您的主题的自定义CSS中添加：
```
.custom-toc .elementor-toc__list-wrapper {
    margin-left: 0 !important;
}
```
如果您想在全站范围内应用这个样式，可以将以下CSS添加到您的主题的自定义CSS部分：
```
.elementor-toc__list-wrapper {
    margin-left: 0 !important;
}
```

如果您只想移除左边距但保持一些缩进，您可以使用padding代替margin：

.elementor-toc__list-wrapper {
    margin-left: 0 !important;
    padding-left: 20px; /* 根据需要调整这个值 */
}

请注意，使用 !important 是为了确保我们的样式覆盖Elementor的默认样式。如果这个方法不起作用，可能需要使用更具体的选择器或调整Elementor的TOC小部件设置。

应用这些CSS后，TOC列表应该会紧贴左侧，没有额外的左边距。如果您需要进一步的调整或有任何其他问题，

本文GPT

https://poe.com/s/zS8UROnxqiQQicRo5dci